<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>个人信息</title>
    <link rel="stylesheet" href="../member/css/layui-v2.9.14-no-table.css">
    <link rel="stylesheet" href="../member/css/index.css">
  <style media="screen">
    * {
      font-family: "微软雅黑";
    }
  </style>
</head>

<body>
  <div id="nav">
    <nav>
     
      <div class="myjd">
        <h3>我的TMesh商城</h3>
        <button onclick="location.href='http://tmesh.cn'">返回TMesh商城首页</button>
      </div>
      <ul class="nav_ul">
        <li style="font-size: 15px"><a href='http://tmesh.cn'>首页</a></li>
        <li class="li hover" style="font-size: 15px">账户设置<i class="ul_i"></i>
          <ol>
            <li><a href="http://member.tmesh.cn/memberInfo.html">个人信息</a></li>
            <li><a href="javaScript:void(0);">账户安全</a></li>
            <li><a href="javaScript:void(0);">我的尺码</a></li>
            <li><a href="javaScript:void(0);">账号绑定</a></li>
            <li><a href="http://member.tmesh.cn/addressInfo.html">收货地址</a></li>
            <li><a href="javaScript:void(0);">用药人信息</a></li>
            <li><a href="javaScript:void(0);">分享绑定</a></li>
            <li><a href="javaScript:void(0);">邮件订阅</a></li>
            <li><a href="javaScript:void(0);">应用授权</a></li>
            <li><a href="javaScript:void(0);">快捷支付</a></li>
            <li><a href="javaScript:void(0);">增票资质</a></li>
            <li><a href="javaScript:void(0);">企业发票</a></li>
            <li><a href="javaScript:void(0);">采购需求单</a></li>
          </ol>
        </li>
        <li class="li" style="font-size: 15px">社区<i class="ul_i"></i>
          <ol>
            <li><a href="javaScript:void(0);">个人主页</a></li>
            <li><a href="javaScript:void(0);">我的活动</a></li>
            <li><a href="javaScript:void(0);">我的圈子</a></li>
            <li><a href="javaScript:void(0);">我的帖子</a></li>
          </ol>
        </li>
        <li style="font-size: 15px">消息</li>
      </ul>
      <div class="right">
        <div class="btn">
          <input type="text" placeholder="空调"><button>搜索</button>
        </div>
        <ul class="shop">
            <li><i class="shop_che"></i><a href="http://cart.tmesh.cn/cart.html">我的购物车 ></a>
            <ol>
              <li>
                <img src="../member/img/shop.png" alt="">
                <div>购物车中还没有商品，赶紧选购吧</div>
                <div style="clear:both;"></div>
              </li>
            </ol>
          </li>
        </ul>
      </div>
      <div style="clear:both;"></div>
    </nav>

  </div>
  <div style="clear:both;"></div>
  <div id="big">
    <div id="bigLeft">
      <ul>
        <h5>设置</h5>
        <li><a style="color:#E4393C;font-weight:800;" href="http://member.tmesh.cn/memberInfo.html">个人信息</a></li>
        <li><a href="http://member.tmesh.cn/addressInfo.html">收货地址</a></li>
      </ul>
      <ul>
        <h5>订单中心</h5>
        <li><a href="http://member.tmesh.cn/memberOrder.html">我的订单</a></li>
        <li>我的活动</li>
        <li>评价晒单</li>
        <li>我的常购商品<img src="../member/img/new.png"></li>
        <li>购物助手</li>
      </ul>
      <ul>
        <h5>关注中心</h5>
        <li>关注的商品</li>
        <li>关注的店铺</li>
        <li>关注的专辑</li>
        <li>收藏的内容<img src="../member/img/new.png"></li>
        <li>关注的活动</li>
        <li>浏览历史</li>
      </ul>
      <ul>
        <h5>资产中心</h5>
        <li>小金库</li>
        <li>TMesh商城白条</li>
        <li>领货码</li>
        <li>余额</li>
        <li>优惠券</li>
        <li>礼品卡</li>
        <li>京豆</li>
        <li>TMesh商城钢镚<img src="../member/img/new.png"></li>
      </ul>
      <ul>
        <h5>特色业务</h5>
        <li>我的营业厅</li>
        <li>TMesh商城通信</li>
        <li>定期购</li>
        <li>我的回收单</li>
        <li>节能补贴</li>
        <li>医药服务</li>
        <li>流量加油站</li>
        <li>黄金托管</li>
        <li>视频教育订单</li>
        <li>海外房产预约</li>
        <li>我的全球购</li>
        <li>装修服务</li>
      </ul>
      <ul>
        <h5>客户服务</h5>
        <li>返修退换货</li>
        <li>价格保护</li>
        <li>意见建议</li>
        <li>我的问答</li>
        <li>购买咨询</li>
        <li>交易纠纷</li>
        <li>TMesh商城维修</li>
        <li>上门预约服务</li>
        <li>我的发票</li>
        <li>举报中心</li>
      </ul>
    </div>
    <div id="bigRight">
      <div class="myOrder">
        <p>个人信息</p>
      </div>


      <div class="allBig">
        <table class="table" style="margin-top: 20px;width: 1048px;border: 1px solid #ccc;font-size: 12px;">
          <tr>
            <td colspan="7" style="background:#F7F7F7" >
                用户名：<input type="text" id="username" name="username" placeholder="用户名" th:value="${member.username}">
            </td>
            <td colspan="7" style="background:#F7F7F7" >
                昵 称 ： <input type="text" id="nickname" name="nickname" placeholder="昵称" th:value="${member.nickname}">
            </td>
          </tr>
          <tr>
            <td colspan="7" style="background:#F7F7F7" >
                手机号：<input type="text" id="mobile" name="mobile" placeholder="手机号" th:value="${member.mobile}">
            </td>
            <td colspan="7" style="background:#F7F7F7" >
                邮 箱 ： <input type="text" id="email" name="email" placeholder="邮箱" th:value="${member.email}">
            </td>
          </tr>
          <tr>
            <td colspan="7" style="background:#F7F7F7" >
                生 日 ： <input type="text" value="" name="birth" id="birth" placeholder="生日"
                            onclick="WdatePicker({dateFmt:'yyyy-MM-dd'});" th:value="${member.birth}"/>
            </td>
            <td colspan="7" style="background:#F7F7F7" >
                性 别 ： 
                <input type="radio" id="man" name="gender" value="0" style="vertical-align:middle;" th:checked="${member.gender == 0}"/>男
                <input type="radio" id="woman" name="gender" value="1" style="vertical-align:middle;" th:checked="${member.gender == 1}"/>女
            </td>
          </tr>
        </table>
          <div style="position: absolute;left: 1089px;">
              <input type="submit" name="button" id="button" class="button" value="提交" onclick="updateMemberInfe()">
          </div>
      </div>

      <!--<div class="buy">
        <div class="buy_top">
          <div>买什么</div>
          <div>查看更多商品专辑</div>
        </div>
        <div style="clear:both;"></div>
        <div class="buy_btm">
          <dl>
            <dt>
              <div>最适合冬季的茶</div>
              <p>不入魔不成仙</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="../member/img/bu.jpg" alt=""></div>
              <div>
                <img src="../member/img/1xb.jpg" alt="">
                <img src="../member/img/1xb1.jpg" alt="">
                <div>32</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>用新奇搞怪献给那些有趣的灵魂</div>
              <p>小太阳骥少</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="../member/img/bu1.jpg" alt=""></div>
              <div>
                <img src="../member/img/2xb.jpg" alt="">
                <img src="../member/img/2xb1.jpg" alt="">
                <div>17</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了，如何做好防护？</div>
              <p>tmeshmall-tmeshyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="../member/img/bu2.jpg" alt=""></div>
              <div>
                <img src="../member/img/3xb.jpg" alt="">
                <img src="../member/img/3xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 2</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了，如何做好防护？</div>
              <p>tmeshmall-tmeshyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="../member/img/bu3.jpg" alt=""></div>
              <div>
                <img src="../member/img/xb.jpg" alt="">
                <img src="../member/img/xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 4</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 11</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <div style="clear:both;"></div>
        </div>
      </div>-->

      <!--<div class="mySwiper">
        <div class="mySwiper_like">
          <div class="left">猜你喜欢</div>
          <ol>
            <li class="liList">1</li>
            <li class="liList">2</li>
            <li class="liList">3</li>
            <div style="clear:both"></div>
          </ol>
          <div style="clear:both"></div>
        </div>
        <ul>
          <li style="display:block;">
            <dl>
              <dt><img src="../member/image/lunbo.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿（9-14千克）</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/lunbo1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/lunbo2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/lunbo3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/lunbo4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅（LOREAL）男士控油</div>
                <div>（男士洗面奶 收缩毛孔 去黑头）</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="../member/image/live.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿（9-14千克）</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/live1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/live2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/live3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/live4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅（LOREAL）男士控油</div>
                <div>（男士洗面奶 收缩毛孔 去黑头）</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="../member/image/lunbo5.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿（9-14千克）</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="../member/image/lunbo6.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
        </ul>
      </div>-->

      <div id="logo">
        <img src="../member/img/datu.jpg" alt="">
        <img src="../member/img/datu1.jpg" alt="">
      </div>
    </div>
    <div style="clear:both;"></div>
  </div>



  <div class="footer">
    <div class="top">
      <ul>
          <li class="item fore1">
              <i></i>
              品类齐全，轻松购物
          </li>
          <li class="item fore2">
              <i></i>
              多仓直发，极速配送
          </li>
          <li class="item fore3">
              <i></i>
              正品行货，精致服务


          </li>
          <li class="item fore4">
              <i></i>
              天天低价，畅选无忧


          </li>
          <div style="clear:both;"></div>
      </ul>
    </div>
    <div class="wrap">
      <div class="wrap1">
          <div class="wrap2">
             <dl>
                 <dt>购物指南</dt>
                 <dd>购物流程</dd>
                 <dd>会员介绍</dd>
                 <dd>生活旅行/团购</dd>
                 <dd>常见问题</dd>
                 <dd>大家电</dd>
                 <dd>联系客服</dd>
             </dl>
              <dl>
                  <dt>配送方式</dt>
                  <dd>上门自提</dd>
                  <dd>211限时达</dd>
                  <dd>配送服务查询</dd>
                  <dd>配送费收取标准</dd>
                  <dd>海外配送</dd>

              </dl>
              <dl>
                  <dt>支付方式</dt>
                  <dd>货到付款</dd>
                  <dd>在线支付</dd>
                  <dd>分期付款</dd>
                  <dd>邮局汇款</dd>
                  <dd>公司转账</dd>
              </dl>
              <dl>
              <dt>公司转账</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>


          </dl>
              <dl>
                  <dt>特色服务</dt>
                  <dd>夺宝岛</dd>
                  <dd>DIY装机</dd>
                  <dd>延保服务</dd>
                  <dd>TMesh商城E卡</dd>
                  <dd>TMesh商城通信</dd>
                  <dd>TMesh商城tmeshmall+</dd>
              </dl>
          </div>
      </div>
    </div>
    <p class="p1">
        <a href="/member/#">关于我们</a>
        <a href="/member/#">联系我们</a>
        <a href="/member/#">联系客服</a>
        <a href="/member/#">合作招商</a>
        <a href="/member/#">合作招商</a>
        <a href="/member/#">营销中心</a>
        <a href="/member/#" style="width:80px;">手机TMesh商城</a>
        <a href="/member/#">友情链接</a>
        <a href="/member/#">销售联盟</a>
        <a href="/member/#" style="width:80px;">TMesh商城社区</a>
        <a href="/member/#">风险监测</a>
        <a href="/member/#">隐私政策</a>
        <a href="/member/#" style="width:80px;">TMesh商城公益</a>
        <a href="/member/#" style="width:80px;">English Site</a>
        <a href="/member/#" style="border-right: none">Contact Us</a>
    </p>
    <p class="p2">
        <a href="/member/#">X公网安备 XXXXXXXXXXXXX号</a>
        <a href="/member/#">XICP证XXXXXXX号</a>
        <a href="/member/#">互联网药品信息服务资格证编号(X)-经营性-XXXX-XXXX</a>
        <a href="/member/#">新出发X零 字第大XXXXXX号</a>
    </p>
    <p class="p3">
        <a href="/member/#">互联网出版许可证编号新出网证(X)字XXX号</a>
        <a href="/member/#">出版物经营许可证</a>
        <a href="/member/#">网络文化经营许可证京网文[XXXX]XXXX-XXXX号</a>
        <a href="/member/#">违法和不良信息举报电话：XXXXXXXXX</a>
    </p>
    <p class="p4">
        <a href="/member/#">Copyright © 2004 - 2024  TMesh商城tmesh.cn 版权所有</a>
        <a href="/member/#">消费者维权热线：XXXXXXXXXX</a>
        <a href="/member/#">经营证照</a>
    </p>
    <p class="p5">
        <a href="/member/#">TMesh商城旗下网站：TMesh商城钱包</a>
        <a href="/member/#">TMesh商城云</a>

    </p>
    <p class="img">
        <span class="span icon1"></span>
        <span class="span icon2"></span>
        <span class="span icon3"></span>
        <span class="span icon4"></span>
        <span class="span icon5"></span>
        <span class="span icon6"></span>
    </p>
    <div style="clear: both"></div>
  </div>
  <div class="fixed">
    
    <div class="teSe">
      <ul>
        <li class="test_li1">
          <ol>
            <div></div>
            <li>宽带</li>
            <li>我的旅行订单</li>
            <li>夺宝箱</li>
            <li>我的定期送</li>
            <li>我的竞拍保证金</li>
            <li>TMesh商城白条</li>
            <li>TMesh商城回收</li>
            <li>装机大师</li>
            <li>黄金托管业务</li>
          </ol>
        </li>
        <li class="test_li2"></li>
        <li><a href="/member/#" class="test_li3"></a></li>
      </ul>
    </div>
  </div>
</body>
<script src="../member/js/jquery-3.1.1.min.js"></script>
<script src="../member/js/jquery.cookie-1.4.1.min.js"></script>
<script src="../member/js/index.js"></script>
<script src="../member/js/layui-v2.9.14.min.js"></script>
<script src="../member/js/My97DatePicker/WdatePicker.js"></script>

<script>
    function updateMemberInfe() {
        var username = $("input[name='username']").val();
        var nickname = $("input[name='nickname']").val();
        var mobile = $("input[name='mobile']").val();
        var email = $("input[name='email']").val();
        var birth = $("input[name='birth']").val();
        var gender = $("input[name='gender']:checked").val();
        var data = {"username": username, "nickname": nickname, "mobile": mobile, "email": email, "birth": birth, "gender": gender}
        console.log("data: ", data)
        // var TMESHSESSION = $.cookie('TMESHSESSION');
        $.ajax({
            type: 'post',
            url: 'http://member.tmesh.cn/updateMemberInfo.do',
            data: JSON.stringify(data),
            dataType: 'json',
            contentType:"application/json",
            xhrFields: {
                withCredentials: true //允许跨域带Cookie
            },
            //  默认情况下，标准的跨域请求是不会发送cookie的
            beforeSend: function (xhr) {
                xhr.withCredentials = true
            },
            success: function (data) {
                console.log("data: ", data);
                if (data.data == true) {
                    layer.msg('更新成功', {icon: 1})
                } else {
                    layer.msg('更新失败', {icon: 2})
                }
            },
            error: function (error) {
                //从管理平台获取验证码接口调用失败
                console.log(error);
                layer.msg('服务器异常，请联系管理员！！！', {icon: 2})
            }
        });
    }
</script>

</html>
